<!--
 * @Author: XiaoGuo185 2721391057@qq.com
 * @Date: 2022-07-22 15:16:44
 * @LastEditors: XiaoGuo185 2721391057@qq.com
 * @LastEditTime: 2022-07-25 17:07:52
 * @FilePath: \dw\src\components\HelloWorld.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!--
 * @Author: error: git config user.name && git config user.email & please set dead value or install git
 * @Date: 2022-07-22 14:10:56
 * @LastEditors: XiaoGuo185 2721391057@qq.com
 * @LastEditTime: 2022-07-22 17:28:17
 * @FilePath: \deidv\src\components\HelloWorld.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="contentLayout">
    <el-row>
      <el-col :span="8">
        <div class="linkleft"></div>
       
      </el-col>
      <el-col :span="1" style="padding:0 ;"> <div class="linkimgleft"></div>
      </el-col>
      <el-col :span="6">
        <img src="../assets/picture/title.png" alt="" class="heard" />
      </el-col>
      <el-col :span="1" style="padding:0 ;">
        <div class="linkimgright"></div>
      </el-col>
      <el-col :span="8" style="padding:2px ;">
        <div class=" linkright"></div>
      </el-col>
    </el-row>





    <div>
      <el-row>
        <el-col :span="6">
          <el-row class="bg-purple">
            <div class="box1">
              <sstj></sstj>
            </div>
          </el-row>
          <!-- 行业分类 -->

          <el-row class="bg-purple" style="margin-top:12px">
            <div class="box2">
              <hyfl></hyfl>
            </div>
          </el-row>

          <el-row class="bg-purple" style="margin-top: 20px">
            <div class="box2">
              <cxfl></cxfl>
            </div>
          </el-row>
        </el-col>
        <el-col :span="12">
          <el-row>
            <div class="bg-purple">
              <div class="box4">
                <ChinaMap></ChinaMap>
              </div>
            </div>
          </el-row>
          <el-row>
            <div class="bg-purple">
              <div class="box2" style="margin-top: 12px">
                <clcd></clcd>
              </div>
            </div>
          </el-row>
          <div class="border"></div>
        </el-col>
        <el-col :span="6">
          <el-row>
            <div class="bg-purple">
              <div class="box3">
                <Bylc></Bylc>
              </div>

            </div>
          </el-row>

          <el-row>
            <div class="bg-purple">
              <div class="box3" style="margin-top: 8px">
                <Bjcl></Bjcl>
              </div>
            </div>
          </el-row>
          <el-row>
            <div class="bg-purple">
              <div class="box3" style="margin-top: 8px">
                <Dcbj></Dcbj>
              </div>

            </div>
          </el-row>
        </el-col>
      </el-row>
    </div>

  </div>
</template>

<script>

import ChinaMap from "./chinaMap.vue";

import eachart_demo from './eachart_demo.vue';
import sstj from './sstj.vue';
import hyfl from './hyfl.vue'
import Cxfl from './cxfl.vue'
import ssxs from './ssxs.vue'
import bjcl from './bjcl.vue'
import bylc from './bylc.vue'
import dcbj from './dcbj.vue'
import clcd from './clcd.vue'
import Bylc from './bylc.vue'
import Bjcl from './bjcl.vue'
import Dcbj from './dcbj.vue'
import chinamap from './SingelMap.vue'
export default {
  name: "HelloWorld",
  components: { chinamap, sstj, eachart_demo, hyfl, Cxfl, ssxs, bjcl, bylc, dcbj, clcd, Bylc, Bjcl, Dcbj, ChinaMap },
  props: {
    msg: String,
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
@import url("../assets/css/layout.css");

.el-divider {
  background-color: #2566ff;
}

.el-col {
  padding-left: 15px;
}
</style>
